<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                        rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/reci">首页</a>
                </li>
                <li class="active">职类排行</li>
            </ul>
        </div>
    </div>
</div>
<div class="pull-convert-alert"></div>

<style type="text/css">
    .list_item {
        border-bottom: 0.33px solid #eee;
        height: 4.66rem;
        line-height: 4.86rem;
        color: #000;
        display: flex;
        justify-content: space-between;
    }

    .list_item .list_content {
        overflow: hidden;
        display: flex;
    }

    .list_item .rnk_num {
        min-width: 2rem;
        font-size: 1.6rem
    }

    .list_item .inword {
        font-size: 1.6rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .list_item .hot_num {
        font-size: 1.4rem
    }

    .list_item:nth-child(1) .rnk_num {
        color: #FE2D46;
    }

    .list_item:nth-child(2) .rnk_num {
        color: #FF6600;
    }

    .list_item:nth-child(3) .rnk_num {
        color: #FAA90E;
    }

    .c-color-gray {
        color: #858585;
    }

    .my_pannel_title {
        text-align: center;
    }

    .panel_main_title {
        background-color: #7AB8FB;
        font-size: 1.6rem;
        font-weight: bold;
    }

    .panel_sub_title {
        font-size: 1.6rem;
        background-color: #B8D9FD;
    }
</style>

<div style="padding: 0 10px 10px">
    <div style="text-align: left; font-size: 1.2rem; float: left; width: 50%;">
        <a href="https://docs.qq.com/sheet/DTGNEZVV6TXlDalNJ?tab=BB08J2" target="_blank"><u>整体说明&指标口径</u></a>
    </div>
    <div style="text-align: right;font-size: 1.2rem; float: right;width: 50%;color: red;">数据更新时间：每日10:00后更新昨日数据</div>
    <br />
</div>

<div class="container-fluid">
    <div style="margin: 10px">
        <div class="row">
            <div class="col-sm-12 col-md-12">
                <!-- <div class="col-sm-2 col-md-2">
                    
                </div> -->
                <div class="col-sm-12 col-md-12">
                    <span style="font-size: 1.8rem;font-weight: bold;"> 58招聘职类排行</span>
                    <button  type="button" class="btn btn-default btn-sm downloadExcel" ng-click="getCateWordsTopExcel('wuba')">
                        <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span> 下载excel
                    </button>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-12">
                <!--<div id="toolbar"> </div>-->
                <div class="col-sm-3 col-md-3" ng-repeat="item in vm.wuba.items">
                    <div class="panel panel-default">
                        <div class="my_pannel_title">
                            <div class="panel-heading panel_main_title">{{item.name}}职类排行</div>
                            <div class="panel-heading panel_sub_title">搜索量排行</div>
                        </div>
                        <div class="panel-body">
                            <div class="list_item" ng-repeat="ite in item.content">
                                <div class="list_content">
                                    <span class="rnk_num c-color-gray">{{ite.rnk}}</span>
                                    <span class="inword">
                                        <a href="{{ ite | inwordToHref }}" target="_blank">{{ ite.inword }}</a>
                                    </span>
                                </div>
                                <span class="hot_num c-color-gray">
                                    {{ite.searchPv}}
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="row">
            <div class="col-sm-12 col-md-12">
                <!-- <div class="col-sm-2 col-md-2">
                    
                </div> -->
                <div class="col-sm-12 col-md-12">
                    <span style="font-size: 1.8rem;font-weight: bold;"> 赶集职类排行</span>
                    <button  type="button" class="btn btn-default btn-sm downloadExcel" ng-click="getCateWordsTopExcel('ganji')">
                        <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span> 下载excel
                    </button>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-12">
                <!--<div id="toolbar"> </div>-->
                <div class="col-sm-3 col-md-3" ng-repeat="item in vm.ganji.items">
                    <div class="panel panel-default">
                        <div class="my_pannel_title">
                            <div class="panel-heading panel_main_title">{{item.name}}职类排行</div>
                            <div class="panel-heading panel_sub_title">搜索量排行</div>
                        </div>
                        <div class="panel-body">
                            <div class="list_item" ng-repeat="ite in item.content">
                                <div class="list_content">
                                    <span class="rnk_num c-color-gray">{{ite.rnk}}</span>
                                    <span class="inword">
                                        <a href="{{ ite | inwordToHref }}" target="_blank">{{ ite.inword }}</a>
                                    </span>
                                </div>
                                <span class="hot_num c-color-gray">
                                    {{ite.searchPv}}
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
